/* CSS Document */
/*
Theme Name:中国-硅酸盐学会
Theme URI: http://www.ccscet.com/
Description: 爱永设计工作室的作品。
Author: 刘爱永
Author URI: http://www.aysheji.com/
Version: 4.3.1
License: 爱永设计许可认证
License URI: http://www.aysheji.com/
Tags: 网站模板,婚庆网站模板,摄影网站模板
*/
/* =Reset default browser CSS. Based on work by 刘爱永: http://www.aysheji.com/
-------------------------------------------------------------- */
*{margin:0;padding:0;}
html{ overflow-x:hidden;}
ul,li,ol{list-style:none;}
img{ border:0;}
a{text-decoration:none;	color:#333;	outline:none;}
body{font-size:12px;line-height: 24px;font-family:微软雅黑;}
.clear{ clear:both;}

.header{ clear: both;position: relative;width: 100%; height:auto; overflow:hidden; background:#373d41; padding:32px 0;}
.header .head{width:1200px; position: relative; margin:0 auto;}
.header .head .logo{ width:664px; float:left; height:auto; }
.header .head .logo a{ display:block;}
.header .head .logo img{ max-width:100%;}
.header .head .topright{ float:right;}
.header .head .topright .topxcy{ display:block; margin-bottom:10px;}
.header .head .topright .search{ background:#4f5558; float:right; width:268px; height:28px; line-height:28px;}
.header .head .topright .search input.field{ background:none; width:238px; border:none; text-indent:5px; box-sizing: border-box; color:#fff; line-height:28px; float:left;}
.header .head .topright .search span{ display: block; float:left; margin-top:4px; width:1px; height:20px; background:#696e71;}
.header .head .topright .search input.submit{ background:url(images/searchbtn.png) no-repeat;background-size: 50%;
background-repeat: no-repeat; border:none; background-position: 50%; cursor:pointer; display:block; width:28px; height:28px; float:right;}


.nav{ width: 100%; height: 40px; background:#373d41; border-top:#555a5d 1px solid;}
.nav ul{ width:1200px; margin:0 auto;}
.nav ul li{ float: left; width: 109px; margin: 0 0px 0 0; position: relative; }
.nav ul li:last-child{ background:none;}
.nav ul li a{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff;letter-spacing: 0.5pt;}
.nav ul li a:hover, .nav ul li.cur a, .nav ul li.navtt a{ color: #17bdf1; border-top:#17bdf1 1px solid; height:39px;}
/*二级菜单*/
.nav ul li ul.sub-menu{ display:none; position:absolute;top:40px;z-index:120;width: 100%; background-color: #272b2e;padding-top:10px;padding-bottom:10px;filter: Alpha(Opacity=75);opacity:0.75;overflow:hidden}
.nav ul li ul.sub-menu li{ float:none; height:24px; background:none;}
.nav ul li ul.sub-menu li a{width:100%;display: block;text-align:center;color: black;line-height:24px; height:24px; color:#fff;text-decoration:none; font-size:12px; font-weight:normal;}
.nav ul li ul.sub-menu li a:hover, .nav ul li.navtt ul.sub-menu li a, .nav ul li.navtt ul.sub-menu li a:hover {height:24px; border-top:none;}
.nav ul li.navtt ul.sub-menu li a:hover{color: #17bdf1;}
.nav ul li.navtt ul.sub-menu{ display:block;}

.nav ul li.current_page_item a,.nav ul li.current-menu-item a,.nav ul li.current-menu-parent a,.nav ul li.current-page-ancestor a,.nav ul li.current-category-ancestor a,.nav ul li.current-post-ancestor a{color: #17bdf1; border-top:#17bdf1 1px solid; height:39px; }


/*幻灯片*/
.banner{ width:100%; overflow:hidden; position:relative; }
.inner { width:100%; OVERFLOW:hidden;}
.slider { WIDTH: 100%; OVERFLOW: hidden; }
.slider a{ display:block; text-align:center;}
.slider img { width:100%; height:auto; display:block; }
#operate {	POSITION: absolute;	bottom:20px; width:100%; text-align:center; height:10px;}
#operate SPAN {
	background:#878787;
	cursor:pointer;
	height:10px;
	width:10px;
	display:inline-block;
	color:#fff;
	line-height:20px;
	text-align:center;
	margin-right:3px;
	text-indent:-999em;
	border-radius: 50%; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
	-moz-border-radius: 50%; /* Mozilla浏览器的私有属性 */
	-webkit-border-radius: 50%; /* Webkit浏览器的私有属性 */
}
#operate SPAN.hov {	background:#fff;}

/*分会要闻*/
.w1200{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.ifhyw{ padding:30px 0;}
h2.ititle{ width:100%; text-align:center; font-weight:normal; font-size:18px;}
h2.ititle span{ text-align:center; display:block; width:100%; text-transform:uppercase; font-size:12px;}
.ifhywlist{ height:auto; overflow:hidden; margin-top:30px;}
.ifhywlist ul{ height:auto; overflow:hidden;}
.ifhywlist ul li{ width:386px; float:left; text-align:center; margin-right:20px;}
.ifhywlist ul li:last-child{ margin-right:0;}
.ifhywlist ul li a{ display:block;}
.ifhywlist ul li a img{ display:block; max-width:100%;}
.ifhywlist ul li span{ background:#e6e6e6; display:block; line-height:60px; color:#333333;}
.ifhywlist ul li a:hover span{ background:#0e79a0; color:#fff;}


.ijsytbg{ background:#f1f1f1;}
.ijsyt{ padding:30px 0;}
.ijsytlist{ height:auto; overflow:hidden; margin-top:30px;}
.ijsytlist ul{height:auto; overflow:hidden;}
.ijsytlist ul li{ width:580px;height:auto; overflow:hidden; float:left; margin-right:40px; margin-bottom:40px;}
.ijsytlist ul li:nth-child(2n){ margin-right:0;}
.ijsytlist ul li a{ display:block;height:auto; overflow:hidden;}
.ijsytlist ul li a .ijsytleft{ width:250px; float:left; overflow:hidden; height:151px;}
.ijsytlist ul li a .ijsytleft img{ width:100%; width:250px; height:151px;}
.ijsytlist ul li a .ijsyright{ width:310px; float:right;}
.ijsytlist ul li a .ijsyright h3.ijytit{ font-size:16px; color:#000; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ijsytlist ul li a .ijsyright p{ font-size:12px; color:#666; line-height:21.5px;  height:125px; overflow:hidden;}
.ijsytlist ul li a:hover .ijsytleft img{ -webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;}
.ijsytlist ul li a:hover .ijsyright h3.ijytit{ color:#0e79a0;}
.ijsytlist ul li a:hover .ijsyright p{ color:#333;}

/*技术服务*/
.ijsfwhypx{ height:auto; overflow:hidden; padding:30px 0;}
.ijsfw{ width:546px; float:left; border-right:#161616 1px solid; padding:20px 25px;}
.ijsfw ul{ padding:30px 0;height:auto; min-height:350px; overflow:hidden;}
.ijsfw ul li{ line-height:30px; clear:both; margin-bottom:5px;height:auto; overflow:hidden; }
.ijsfw ul li a{ font-size:14px; display:block;height:auto; overflow:hidden; }
.ijsfw ul li a span.name{ float:left; display:block; overflow: hidden; width:460px; white-space: nowrap;text-overflow: ellipsis;}
.ijsfw ul li a span.time{ float:right; display:block; width:80px;}
.ijsfw ul li a:hover{ color:#0e79a0;}

/*会议培训*/
.ihypx{ width:550px; float:left; padding:20px 25px;}
.ihypx ul{ padding:30px 0;height:auto; overflow:hidden;}
.ihypx ul li{ clear:both; margin-bottom:15px;}
.ihypx ul li a{ height:auto; overflow:hidden; display:block;}
.ihypx ul li a .ihypxleft{ width:176px; height:106px; overflow:hidden; float:left;}
.ihypx ul li a .ihypxleft img{ max-width:100%; height:106px;}
.ihypx ul li a .ihypxright{ float:right; margin-left:15px; width:350px;}
.ihypx ul li a .ihypxright h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ihypx ul li a .ihypxright p{ font-size:14px; color:#333;}
.ihypx ul li a:hover .ihypxleft img{ -webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;}
.ihypx ul li a:hover .ihypxright h3{color:#0e79a0;}

/*分会推荐技术产品*/
.itjcpbg{ background:#f1f1f1; height:auto; overflow:hidden; padding:30px 0 0 0;}
.itjcp{ height:auto; overflow:hidden; padding:20px 0 0 0;}
.itjcp ul{ height:auto; overflow:hidden;}
.itjcp ul li{ width:202px; margin:0 47.5px 47.5px 0; float:left;}
.itjcp ul li:nth-child(5n){ margin-right:0;}
.itjcp ul li a{ display:block; width:100%; height:166px; overflow:hidden; position:relative;}
.itjcp ul li a img{ display:block;}
.itjcp ul li a span{ display:block; position:absolute; bottom:-30px; width:100%; color:#fff; line-height:30px; text-align:center; background-color:rgba(0,0,0,0.5);}

/*底部开始*/
.footernavbg{ background:#373d41; height:auto; overflow:hidden; padding:20px 0;}
.footernav{ height:auto; overflow:hidden;}
.footermenu{ width:1070px; float:left;}
.footermenu ul{ padding-top:10px;}
.footermenu ul li{ float:left; margin-right:100px; height:auto; overflow:hidden;}
.footermenu ul li:last-child{ margin-right:0;}
.footermenu ul li a{ color:#d7d8d9; font-size:14px;}
.footermenu ul li a:hover{ color:#fff;}
.footermenu ul li ul{}
.footermenu ul li ul li{ float:none; margin-right:0;}
.footermenu ul li ul li a{ color:#9b9ea0; font-size:12px;}

.footerewm{ width:130px; float:right; text-align:center;}
.footerewm span{ line-height:30px; font-size:14px; color:#d7d8d9;}
.footerewm p{}
/*底部版权*/
.footerbg{ height:auto; overflow:hidden; color:#fff; background:#1c2023; padding:20px 0; border-top:#444a4e 1px solid;}
.footer{ width:1200px; margin:0 auto; height:auto; text-align:center; overflow:hidden; color:#fff;}

/*二级页面*/
.erjibanner, .erjibanner img{ display:block; width:100%; height:auto;}

.mainbody { width:1200px; margin:0 auto; height:auto; overflow:hidden; }
.partybody{ padding:0px 0 30px 0; height:auto; overflow:hidden; }
.partybodyl{ float:left; padding:10px 20px 0 20px; width:270px;  background:url(images/nbj1.gif) no-repeat right center; }
.menutitle{ height:48px; line-height:40px; padding-left:20px;background:url(images/title.png) top center no-repeat; font-size:20px; font-weight:bold; color:#fff;  margin-bottom:5px; font-weight:normal;}
.menutitle span{ font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-left:10px; text-transform:uppercase;}
.whybg{ width:220px; height:600px; background:url(images/why.jpg) top center no-repeat;}
.sublist{ margin-bottom:10px;}
.sublist ul li{ border-bottom:1px dotted #212121;}
.sublist ul li a{ display:block; padding-left:20px; font-size:14px; color:#212121; line-height:36px; height:39px;}
.sublist ul li a span{ font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-left:10px; line-height:36px; text-transform: uppercase; }
.sublist ul li a:hover, .sublist ul li a.curr{ background:#333; color:#fff;}

/*gundong*/
.PicSwitch { height:auto; padding-bottom:20px; position:relative;z-index:0;width:270px;overflow:hidden;}
.picShowListBorder { padding-top:10px;}
.picShowList{ width:400px;}
.picShowList ul{ padding-left:1px;}
.PicSwitch .mainPic { width:270px; height:222px; overflow:hidden;}
.PicSwitch .mainPic img { width:270px; height:222px;}
.PicSwitch .picShowList .item { width:50px; height:50px; cursor:pointer; margin:0 2px; float:left;}
.PicSwitch .picShowList .item img { border:1px solid #fff; display:block; width:47px; height:47px }
.PicSwitch .picShowList .hilight img { border:1px solid #0186cc }

/*sidebarnews*/
.sidebarnews{ height:auto; overflow:hidden; padding-bottom:10px;}
.sidebarnews ul{ height:auto; overflow:hidden; }
.sidebarnews ul li{ line-height:24px; height:24px; overflow:hidden; border-bottom:#CCC 1px dashed; padding-bottom:5px;}
.sidebarnews ul li a{ color:#666666;}
.sidebarnews ul li a:hover{ color:#0186cc; text-decoration:underline;}

/*右侧*/
.partybodyr{ float:right; width:820px; padding-right:50px; padding-top:10px;}

.partybodytitle{ background-color:#fff; padding-bottom:0px;}
.partybodytitle h2{border-bottom: 1px solid #CECECE; padding-bottom: 5px; text-indent:10px; color:#333; font-weight:normal;}
.partybodytitle h2 span.dqwz{ float:right; padding-right:10px; font-size:12px; font-weight:normal;margin-top: 12px;color: #3D3D3D;}
.partybodytitle span{ line-height:12px; display:block;color: #3D3D3D;}
.partybodytitle span a:hover{ color:#0186cc;}

.aboutcss{ font-size:14px; line-height:22px; background-color:#fff; padding:10px; color:#3d3d3d;}
.aboutcss p{  margin-bottom:10px;}
.aboutcss p img{ max-width:800px; height:auto; display:block; margin:0 auto;}


/*分页样式开始*/
#pageabc{
	text-align:center;
	margin:30px 0;
	clear:both;
	height:auto;
	overflow:hidden;
	color:#c30100;
	line-height:23px;
	text-align:center;
}
#pageabc a.noallowed {
    cursor: not-allowed;
}
#pageabc span,#pageabc a{
	font-size:12px;
	color:#333;
	padding:4px 12px;
	border:1px solid #dedede;
	text-decoration:none;
	margin:3px;
	display:inline-block;
	text-align:center;
	background:#e7e7e7;
}
#pageabc a:hover,#pageabc a.current{
	color:#fff;
	background-color:#0186cc;
	border:1px solid #0186cc;
}
/*分页样式结束 */
/*产品*/
.works ul{ width:100%; margin:0 auto; padding:20px 0; height:auto; overflow:hidden;}
.works ul li{ width:254px; margin:0 1% 20px; height:auto; display:block; float:left; overflow:hidden;}
.works ul li a{ display:block; position:relative;}
.works ul li a span{ display:block; text-align:center; color:#0186cc; background:#bdbdbd; line-height:40px; height:40px; font-size:16px;}
.works ul li a img{ display:block; height:209px; width:254px;}
.works ul li a ins{ position:absolute; top:-209px; color:#fff; text-decoration:none; font-size:14px; text-indent:2em; background:#000;
background-color: rgba(0,0,0,0.5); width:214px;  height:149px; padding:30px 20px; overflow:hidden;}
.works ul li a:hover span{ background:#0186cc; color:#fff;}
.works ul li a:hover img{filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;}

/*新闻*/
.hydt{ width:100%; margin:20px auto 0; height:auto; overflow:hidden;}
.hydt ul{ margin-top:10px; height:auto; overflow:hidden;}
.hydt ul li{ padding-bottom: 10px;
clear: both;
overflow: hidden;
border-bottom: 1px dotted #B3B3B3;
margin-bottom: 20px;}
.hydt ul li a{ display:block; color:#876e38; position:relative;}
.hydt ul li a .hydtleft{
	float: left;
	overflow: hidden;
	width: 170px;
	height: auto;
	padding: 0px;
	}
.hydt ul li a .hydtleft img{ display:block; width:150px; height:90px; border:#e0e0e0 5px solid;}
.hydt ul li a:hover .hydtleft img{ border:#0186cc 5px solid;}
.hydt ul li a .hydtright{
float: right;
width: 640px;
overflow: hidden;	
}
.hydt ul li a .hydtright h2{font-size: 16px; color:#5c5c5c;
font-weight: normal;
height: 28px; text-indent:0; padding:0;
}
.hydt ul li a .hydtright p.date{color: #9E9E9E; font-size:13px;
padding:0px 0 0px 0px;}
.hydt ul li a .hydtright p.info{height: 48px; color: #333;
line-height: 24px;
overflow: hidden;
margin-bottom: 10px;}
.hydt ul li a .hydtright span.more{display:inline-block;
height: 23px;
line-height: 23px;
color: #FFF;
width: 82px;
text-align: center;
background: transparent url("images/more.png") no-repeat scroll left top;
text-indent: -9999px;}
.hydt ul li a:hover .hydtright h2{ color:#0186cc;}
.hydt ul li a:hover .hydtright span.more{background: transparent url("images/more.png") no-repeat scroll left bottom;}


/*下载*/
.download{ width:100%; margin:20px auto 0; height:auto; overflow:hidden;}
.download ul{ margin-top:10px; height:auto; overflow:hidden;}
.download ul li{ padding-bottom: 10px;
clear: both;
overflow: hidden;
border-bottom: 1px dotted #B3B3B3;
margin-bottom: 20px;}
.download ul li .dlleft{ float:left;}
.download ul li .dlleft h2{ font-weight:normal;}
.download ul li .dlleft h2 a:hover{ color:#008ebb;}
.download ul li .dlbtn{ float:right; margin-top:5px;}
.download ul li .dlbtn a{ display:block; border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ width:160px; height:30px; line-height:30px; background:#008ebb; color:#fff; text-align:center;}


/*详情页*/
.singlepor{ color:#828282; position:relative;}
.singlepor a{ color:#5e5e5e;}
.singlepor a:hover{ text-decoration:underline; color:#333;}
h2.stitle{ text-align:center; line-height:40px; padding-bottom:15px; color:#828282; border:none; text-indent:0;}
span.ly{ padding:5px 0; text-align:center; display:block; border: 1px dashed #AAA; margin-bottom:10px;}
a.goback{ display:block; background:#1aa9f4; height:30px; width:80px; line-height:30px; font-size:14px; text-align:center; color:#fff; position:absolute; bottom:20px; right:20px;border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */}
a.goback:hover{ text-decoration:underline; color:#fff;}
.iaboutnr p{ line-height:24px; text-indent:2em;}
.iaboutnr img{ max-width:100%; display:block; margin:0 auto; }